<template>
  <div class="footerNav">
    <ul>
      <li>
        <router-link to="/home">
          <img :src="select1==0 ? '../../static/images/tabBar/home-active.png' : '../../static/images/tabBar/home.png'">
          <div>首页</div>
        </router-link>
      </li>
      <li> 
        <router-link to="/work">
          <img :src="select1==1 ? '../../static/images/tabBar/work-active.png' : '../../static/images/tabBar/work.png'">
          <div>找工作</div>
        </router-link>
      </li>
      <li> 
        <router-link to="/searchResume">
          <img :src="select1==2 ? '../../static/images/tabBar/resume-active.png' : '../../static/images/tabBar/resume.png'">
          <div>人才库</div>
        </router-link>
      </li>
      <li>
        <router-link to="/people">
          <img :src="select1==3 ? '../../static/images/tabBar/people-active.png' : '../../static/images/tabBar/people.png'">
          <div>招人才</div>
        </router-link>
      </li>
      <li>
        <router-link to="/me">
        <img :src="select1==4 ? '../../static/images/tabBar/me-active.png' : '../../static/images/tabBar/me.png'">
        <div>会员中心</div>
        </router-link>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  props:['select1'],
  data () {
    return {
      
    }
  },
  computed:{
    
  },
  methods:{
    // select(value){
    //   this.select1=value
    // }
  },
  mounted(){
    // console.log(this.select)
  }
}
</script>

<style scoped>
.footerNav{position: fixed;left: 0;bottom: 0;width: 100%;height: 60px;background-color: #fff;border-top: 1px solid #EFEFF4;}
.footerNav ul{width: 100%;height:100%;display: flex;}
.footerNav li{flex: 1;}
img{width: 30px;height: 30px;margin:5px auto 3px auto;display: block;}
.footerNav li div{width: 100%;height: 20px;line-height: 20px;text-align: center;font-size: 13px;color: #8E8E93}
</style>
